.tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #eee;
  height: 80rpx;


  text {
    display: block;
    height: 100%;
    line-height: 100%;
    text-align: center;
    flex: 1;
  }
}

.active {
  color: var(--color);
  border-bottom: 1px solid var(--color);
}

.goods {
  height: 260rpx;
  border-bottom: 1px solid #eee;
  padding: 0 30rpx;


  image {
    height: 80%;
    margin-top: 27rpx
  }

  .goodIntro {
    height: 100%;
    float: right;
    width: 400rpx;

    .name {
      width: 100%;
      height: 124.8rpx;
      margin-top: 30rpx;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;

    }

    .price {
      color: var(--color);
      margin-top: 50rpx;
    }
  }
}